﻿function maparea() {
  
    $("#hoverregion_1").click(function () {
    
        var a1List = document.getElementById("Map_re1").getElementsByTagName("area");
        var a1Highlight = document.getElementById("area_highlight_re1");
        for (j = 0; j < a1List.length; j++) {
            a1List[j].onmouseover = function () {
                var index1 = this.id.substring(this.id.indexOf("_") + 1);
                a1Highlight.className = "map_re1_hover_region" + index1;
            },
                            a1List[j].onmouseout = function () {
                                a1Highlight.className = "";
                            };
        }

    });
    // END script popup region1

    // script popup region2
  

    $("#hoverregion_2").click(function () {

        var a2List = document.getElementById("Map_re2").getElementsByTagName("area");
        var a2Highlight = document.getElementById("area_highlight_re2");
        for (j = 0; j < a2List.length; j++) {
            a2List[j].onmouseover = function () {
                var index2 = this.id.substring(this.id.indexOf("_") + 1);
                a2Highlight.className = "map_re2_hover_region" + index2;
            },
                            a2List[j].onmouseout = function () {
                                a2Highlight.className = "";
                            };
        }
    });
    // END script popup region2

    // script popup region3

    $("#hoverregion_3").click(function () {
        alert("dsadasdsadasdasd");
        var a3List = document.getElementById("Map_re3").getElementsByTagName("area");
        var a3Highlight = document.getElementById("area_highlight_re3");
        for (j = 0; j < a3List.length; j++) {
            a3List[j].onmouseover = function () {
                var index3 = this.id.substring(this.id.indexOf("_") + 1);
                a3Highlight.className = "map_re3_hover_region" + index3;
            },
                            a3List[j].onmouseout = function () {
                                a3Highlight.className = "";
                            };
        }
    });
    // END script popup region3

    // script popup region4
   

    $("#hoverregion_4").click(function () {
        
        var a4List = document.getElementById("Map_re4").getElementsByTagName("area");
        var a4Highlight = document.getElementById("area_highlight_re4");
        for (j = 0; j < a4List.length; j++) {
            a4List[j].onmouseover = function () {
                var index4 = this.id.substring(this.id.indexOf("_") + 1);
                a4Highlight.className = "map_re4_hover_region" + index4;
            },
                            a4List[j].onmouseout = function () {
                                a4Highlight.className = "";
                            };
        }
    });
    // END script popup region4

    // script popup region5
  

    $("#hoverregion_5").click(function () {
      
        var a5List = document.getElementById("Map_re5").getElementsByTagName("area");
        var a5Highlight = document.getElementById("area_highlight_re5");
        for (j = 0; j < a5List.length; j++) {
            a5List[j].onmouseover = function () {
                var index5 = this.id.substring(this.id.indexOf("_") + 1);
                a5Highlight.className = "map_re5_hover_region" + index5;
            },
                            a5List[j].onmouseout = function () {
                                a5Highlight.className = "";
                            };
        }
    });
    // END script popup region5

    // script popup region6

    $("#hoverregion_6").click(function () {
    
        var a6List = document.getElementById("Map_re6").getElementsByTagName("area");
        var a6Highlight = document.getElementById("area_highlight_re6");
        for (j = 0; j < a6List.length; j++) {
            a6List[j].onmouseover = function () {
                var index6 = this.id.substring(this.id.indexOf("_") + 1);
                a6Highlight.className = "map_re6_hover_region" + index6;
            },
                            a6List[j].onmouseout = function () {
                                a6Highlight.className = "";
                            };
        }
    });
    // END script popup region6

    // script popup region7


    $("#hoverregion_7").click(function () {
      
        var a7List = document.getElementById("Map_re7").getElementsByTagName("area");
        var a7Highlight = document.getElementById("area_highlight_re7");
        for (j = 0; j < a7List.length; j++) {
            a7List[j].onmouseover = function () {
                var index7 = this.id.substring(this.id.indexOf("_") + 1);
                a7Highlight.className = "map_re7_hover_region" + index7;
            },
                            a7List[j].onmouseout = function () {
                                a7Highlight.className = "";
                            };
        }
    });
    // END script popup region7

    // script popup region8
   

    $("#hoverregion_8").click(function () {
       
        var a8List = document.getElementById("Map_re8").getElementsByTagName("area");
        var a8Highlight = document.getElementById("area_highlight_re8");
        for (j = 0; j < a8List.length; j++) {
            a8List[j].onmouseover = function () {
                var index8 = this.id.substring(this.id.indexOf("_") + 1);
                a8Highlight.className = "map_re8_hover_region" + index8;
            },
                            a8List[j].onmouseout = function () {
                                a8Highlight.className = "";
                            };
        }
    });
    // END script popup region8

    // script popup region9


    $("#hoverregion_9").click(function () {
  var a9List = document.getElementById("Map_re9").getElementsByTagName("area");
        var a9Highlight = document.getElementById("area_highlight_re9");
        for (j = 0; j < a9List.length; j++) {
            a9List[j].onmouseover = function () {
                var index9 = this.id.substring(this.id.indexOf("_") + 1);
                a9Highlight.className = "map_re9_hover_region" + index9;
            },
                            a9List[j].onmouseout = function () {
                                a9Highlight.className = "";
                            };
        }
    });
    // END script popup region9

    // script popup region10
   

    $("#hoverregion_10").click(function () {
       
        var a10List = document.getElementById("Map_re10").getElementsByTagName("area");
        var a10Highlight = document.getElementById("area_highlight_re10");
        for (j = 0; j < a10List.length; j++) {
            a10List[j].onmouseover = function () {
                var index10 = this.id.substring(this.id.indexOf("_") + 1);
                a10Highlight.className = "map_re10_hover_region" + index10;
            },
                            a10List[j].onmouseout = function () {
                                a10Highlight.className = "";
                            };
        }
    });
    // END script popup region10

    // script popup region11
   

    $("#hoverregion_11").click(function () {
      
        var a11List = document.getElementById("Map_re11").getElementsByTagName("area");
        var a11Highlight = document.getElementById("area_highlight_re11");
        for (j = 0; j < a11List.length; j++) {
            a11List[j].onmouseover = function () {
                var index11 = this.id.substring(this.id.indexOf("_") + 1);
                a11Highlight.className = "map_re11_hover_region" + index11;
            },
                            a11List[j].onmouseout = function () {
                                a11Highlight.className = "";
                            };
        }
    });
    // END script popup region11
                }